<style scoped lang="less">
@media screen and (min-width: 829px) {
  .idea {
    width: 100%;
    overflow: hidden;
    /*height:47.5rem;*/
    background-color:#F6F7FB;
    .title {
      text-align: center;
      margin-top: 7.2rem;
      height: 2.21rem;
      font-size: 2.21rem;
      
      color: rgba(51, 51, 51, 1);
      line-height: 2.21rem;
    }
    .desc {
      width: 90%;
      margin-left: 5%;
      margin-top: 2.43rem;
      text-align: center;
      height: 1.14rem;
      font-size: 1.14rem;
      
      color: rgba(102, 102, 102, 1);
      line-height: 2rem;
    }
    .panelWrap{
      width: 90%;
      margin: 0 auto;
    }
    .pannel{
      height: 23.7rem;
      text-align: center;
      margin-top: 5.71rem;
      margin-bottom: 5.36rem;
    }
    .pointer{
      height: 100%;
      cursor: pointer;
      background-color: white;
      margin: 0px 20px;
      transition: all .3s linear;
      box-shadow: 0 0 10px 0 rgba(34,17,0,0.1);
      overflow: hidden;
      .logo {
        width: 6.43rem;
        height: 6.43rem;
        padding-top: 2.14rem;
        margin: 0 auto;
        text-align: center;
        .icon{
          font-size: 6.43rem;
          color: #FF9C3C;
        }
      }
      h3 {
        margin: 1.5rem auto 0;
        font-size: 1.71rem;
        
        color: rgba(51, 51, 51, 1);
      }
      p {
        text-align: left;
        max-width: 25.71rem;
        max-height: 7rem;
        font-size: 1rem;
        
        color: rgba(131, 131, 131, 1);
        line-height: 1.43rem;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 1.43rem auto 0;
      }
    }
    .pointer:hover{
      background-image:url("./../../static/img/选中.png");
      *.icon {
        color: white;
        }
        h3 {
        margin: 1.5rem auto 0;
        font-size: 1.71rem;
        
        color: white;
        }
        p {
        text-align: left;
        width: 25.71rem;
        height: 7rem;
        font-size: 1rem;
        
        color: rgba(131, 131, 131, 1);
        line-height: 1.43rem;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 1.43rem auto 0;
        color: white;
        }
    }

  }
}

@media screen and (max-width: 829px) {
  .idea {
    background-color: #F6F7FB;
    padding-bottom: 0.3rem;
    * {
      box-sizing: border-box;
    }
    .title {
      font-size: 0.36rem;
      padding: 0.5rem 0.3rem 0.3rem 0.3rem;
      background-color: #fff;
      text-align: center;
      font-family:PingFang-SC-Bold;
      color:rgba(26,26,26,1);
      /*line-height:70px;*/
      span {
        display: block;
        text-align: center;
        color: rgba(26, 26, 26, 0.1)
      }
    }
    .desc {
      padding: 0 0.3rem;
      background-color: #fff;
      padding-bottom: 0.5rem;
      font-size: 0.26rem;
      color: #3E3A39;
      line-height: 0.38rem;
    }
    .pannel {
      width: 6.8rem;
      margin: 0 auto;
      overflow: hidden;
      background-color: #fff;
      float: inherit;
      margin-top: 0.32rem;
      h3 {
        text-align: center;
        margin-top: 0.2rem ;
        font-size:0.36rem;
        font-family:PingFang-SC-Medium;
        color:rgba(26,26,26,1);
      }
    }
    .logo {
      font-size: 0.82rem;
      color: #FF9C3C;
      text-align: center;
      padding-top: 0.35rem;
      img {
        width: 0.82rem;
      }
    }
    .introduce {
      color: #3E3A39;
      font-size: 0.26rem;
      padding: 0.31rem;
      font-family:PingFang-SC-Medium;
      color:rgba(62,58,57,1);
    }
    .training{
      background-color: white;
    }
  }
}

</style>
<template>
  <div class="idea">
    <h1 class="title">团青智库&nbsp;&nbsp;<span>TUANQINGZHIKU</span></h1>
    <p class="desc">成都市团校长期关注青年发展和青年工作中的重点问题，鼓励教师进行共青团工作研究、青年研究、教育教学研究，打造高水平智库，为党委、政府和共青团提供决策参考，服务地方经济、社会发展，服务共青团工作和青年发展。</p>
    <div class="panelWrap">

        <el-col :xs="24" :sm="24" :md="8" :lg="8" class="pannel">
          <div @click="jump('/ideaTeacherResource')" class="pointer">
            <div class="logo">
              <span class="icon icon-teacher teacher"></span>
            </div>
            <h3 class="teacher">教师资源</h3>
            <p class="introduce">我校拥有一支高素质、专业精良的专职教师队伍，完成团市委和基层团委的教学任务。根据党政工作重心的调整、青年培训需求的变化，培训领域和培训广度不断扩大，我校将培训工作拓展覆盖到了青年志愿者、创新创业者、青少年事务社会工作者等多个领域。并邀请校外专家、学者、教授、优秀教师及企业、社会组织的优良从业者为我校特聘教师，我校加强师资队伍建设，强化了兼职教师队伍力量，构建了团校团干部教育培训师资库，实现了我校教师队伍的专兼结合。</p>
          </div>
        </el-col>

        <el-col :xs="24" :sm="24" :md="8" :lg="8" class="pannel">
          <div @click="jump({path:'/ideaResults',query:{type:'achievement'}})" class="pointer">
            <div class="logo">
              <span class="icon icon-keyan keyan"></span>
            </div>
            <h3 class="results">研究成果</h3>
            <p class="introduce">为了全面了解团青思想动态，引导青年坚定理想信念，我校科研团队在基层青年中开展调研60余次，承接来自共青团中央、共青团四川省委、四川省社会科学院、中国青年院校工作协会、国家金融系统等单位或部门的研究课题10余个，在各级各类学术期刊上发表论文共计30余篇，出版专著3部，编撰论文集2本。我校科研人员在中国志愿服务论坛上的精彩发言受到各方好评，并为共青团中央领导到成都调研共青团工作提供了大力支持和积极协助。</p>
          </div>
        </el-col>

        <el-col :xs="24" :sm="24" :md="8" :lg="8" class="pannel">
          <div @click="jump({path:'/ideaTrainMaterialList',query:{type:'infodata'}})" class="pointer">
            <div class="logo">
              <span class="icon icon-pxinfo pxinfo"></span>
            </div>
            <h3 class="training_title">培训资料</h3>
            <p class="introduce">围绕团干部理想信念、身心发展、综合素养三个层面，按党政所需、社会所盼、青年所求，紧密结合我市共青团工作实际，根据不同层级、类别的团干部特点，切实提高成都团干部综合能力，以模块化方式，为参训学员量身定制培训课程，整合并共享课程模块下的培训材料。</p>
            </div>
        </el-col>
      <!--</el-row>-->
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  components: {

  },
  props:['rootInfo'],
  methods: {
    jump(obj) {
      this.$router.push(obj)
    }
  },
  mounted() {
    if(document.body.offsetWidth || window.screen.width <829){
      this.rootInfo.showFooter=false;
    }else {
      this.rootInfo.showFooter=true;
    }
  },
}

</script>
